<template>
  <!-- 导航路径区域 -->
  <div class="conPoin">
    <div class="conPoin">
      <a href="###">{{ categoryView.category1Name }}</a>
      <a href="###">{{ categoryView.category2Name }}</a>
      <a href="###">{{ categoryView.category3Name }}</a>
    </div>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  name: "Paths",
  computed: {
    ...mapGetters("goods", ["categoryView"]),
  },
};
</script>

<style scoped lang="less">
.conPoin {
  padding: 9px 15px 9px 0;
  & > a + a:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc;
  }
}
</style>>

